<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Blogging for Educators</title>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
		<link href="styles/stylespg3.css" rel="stylesheet" type="text/css"/>
	</head>
		
	<body onload="window.parent.viewPage3()">
		<header>
			<h1>Blogging Host Sites</h1>
		<div id="tabs">
		
	 <li><a href="page-4.html"><span>Next</span></a></li>
		
    <li><a href="page-2.html"><span>Back</span></a></li>
</div>
</br>
</br>
</br>
		</header>

		<section id="content">
		</br>
		<a href="http://www.blogger.com/home?pli=" target="_blank">Blogger</a> 
		</br>
		Strength - Networked google users can easily integrate with the user-friendly blogger interface.
		</br>
 		<a href="http://edublogs.org/" target="_blank">Edublogs</a> 
		</br>
		Strength - Edublogs are especially created for educators to use with students.
		</br>
 		<a href="http://www.wordpress.com/" target="_blank">Wordpress</a>
		</br>
		Strength - Wordpress is set up to enable several users to manage one blog, or a team blog. </p>
		<section>
		</br>
 		<em>Chart comparing wordpress and blogger:</em></br>
		<a href="http://pulsed.blogspot.com/2007/07/blogger-wordpress-chart.html" target="_blank">Wordpress vs. Blogger</a> 
		</section>
	<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
		<script language="javascript" src="scripts/DragAndDrop.js"></script>	
	</head>

    	<article>
        	<header>
            	<h1>Blogsite Drag and Drop Activity</h1>
            </header>
            
            <section>
         		<form name="dd1" onSubmit="javascript:processForm(); return false;">  
				<p><strong>Use the mouse to click on the blue dragger under blogsites. Once clicked, continue to hold down the mouse key to activate the drag feature. 
				Then continue to hold on and drag the blogsite name to the strengths that are listed in the column next to it. The strenght of each blogsite can be found
				in the descriptions above. Once you have place all three draggers, hit the "submit my answers" button.</strong></p>
				
				<div class="column">
						<h2>Blogsites</h2>
					 	<div id="d1" value="2" class="dragger" draggable="true"
				     		onDragStart="return startDrag( event )"
				     		onDragEnd="return endDrag( event )"><p>Wordpress</p></div><br/>  
				     	<div id="d2" value="0" class="dragger" draggable="true"
				     		onDragStart="return startDrag( event )"
				     		onDragEnd="return endDrag( event )"><p>Blogger</p></div><br/>                        
				 		<div id="d3" value="1" class="dragger" draggable="true"
				     		onDragStart="return startDrag( event )"
				     		onDragEnd="return endDrag( event )"><p>Edublogs</p></div><br/>  
				
				</div>
				  
				<div class="column">
						<h2>Strengths</h2>
				     	<div id="d1" value="0" class="draggerbay" 
				     		onDrop="return dropDragger( event )"
				     		onDragOver="return false"
				     		onDragEnter="return enterDragger( event )"><p>Very user friendly.</p></div><br/>                        
				 		<div id="d2" value="2" class="draggerbay"
				     		onDrop="return dropDragger( event )"
				     		onDragOver="return false"
				     		onDragEnter="return enterDragger( event )"><p>Multiple Contributors.</p></div><br/>  
					 	<div id="d3" value="1" class="draggerbay"
				     		onDrop="return dropDragger( event )"
				     		onDragOver="return false"
				     		onDragEnter="return enterDragger( event )"><p>Lots of security.</p></div><br/>  
				
				
				<p id="response">&nbsp;</p>
				<input type="submit" name="button" value="Submit Your Answer"/>
					</div>
				</form>
            </section>

        </article>
        <div id="tabs">
		
	 <li><a href="page-4.html"><span>Next</span></a></li>
		
    <li><a href="page-2.html"><span>Back</span></a></li>
</div>
		<footer>
			<p>&copy; 2011 <img src="images/ee.png" width="125" height="25"/></p>
		</footer>
	</body>
	
	

</html>